/* -------------------- */
/*  Gadgets disponibles */
/* -------------------- */

#conteneurGadgetsDisponibles {
	width:270px;
	background:#E8EEFA;
	position:absolute;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.gadgetDisponible {
	margin:5px;
	width:260px;
	background:white;
	border:1px solid #B1C7EF;
	z-index:2000;
}

.gadgetDisponibleDesactive {
	filter:alpha(opacity=50);
	opacity:0.5;
}

/* ---------------- */
/* Zones de gadgets */
/* ---------------- */

#zonesGadgets {
	position:absolute;
	left:285px;
	right:10px;
}

.conteneurZoneGadgets {
	background:#E8EEFA;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-bottom:10px;
}

.accepteGadget {
	margin:5px;
	border:3px dashed #719BE4;
}

/* titre d'une zone de gadgets */
.conteneurZoneGadgets h3, #conteneurGadgetsDisponibles h3 {
	background:#719BE4;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:5px;
	margin:0px;
}

.zoneGadgets, #gadgetsDisponibles {
	min-height:50px;
	padding-bottom:10px;
}

/* ---------------- */
/*     Gadgets      */
/* ---------------- */

.gadget {
	margin:5px;
	background:white;
	border:1px solid #B1C7EF;
}

h4.nomGadget {
	background:#B1C7EF;
	padding:5px;
	margin:0px;
	cursor:pointer;
}

ul.optionsGadget {
	position:absolute;
	font-weight:normal;
	list-style-type:none;
	margin:-18px 0px 0px 0px;
	padding:0px;
	background:white;
	right:8px;
	display:none;
}

.gadgetDisponible ul.optionsGadget {
	display:none;
}

.gadget:hover ul.optionsGadget {
	display:block;
}


ul.optionsGadget li {
	margin:0px;
	padding:0px;
	float:left;
}

ul.optionsGadget a {
	display:block;
	padding:3px 6px 3px 17px;
	text-decoration:none;
	color:black;
	font-size:0.9em;
	background-repeat:no-repeat;
	background-position:0px 2px;
}

ul.optionsGadget a:hover {
	text-decoration:underline;
}

a.supprimerGadget {
	background-image:url(images/16/supprimer.png);
}
a.deplacerGadget {
	background-image:url(images/16/deplacer.png);
}
a.details {
	background-image:url(images/16/masquer.png);
}

.gadget .contenuGadget {
	padding:10px 15px 5px 15px;
}
.gadgetDisponible .contenuGadget {
	display:none;
}

.contenuGadget fieldset {
	margin-left:0px;
	margin-right:0px;
	margin-top:10px;
}

.gadgetDisponible p, .gadget p {
	padding:0px;
	margin:0px;
}

.gadget .contenuGadget p {
	margin-bottom:5px;
}